<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"	
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition template="template.xhtml">	
	<ui:define name="title">Sessão de Hemodiálise</ui:define>	
	<ui:define name="content">
		<div id="page-heading">
			<div class="icons-telas hemodialise"></div>
			<h1>Sessão de Hemodiálise</h1>
		</div>
		<!--  date picker script -->
		<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
			<tr>
				<th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
				<th class="topleft"></th>
				<td id="tbl-border-top">&nbsp;</td>
				<th class="topright"></th>
				<th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
			</tr>
			<tr>
				<td id="tbl-border-left"></td>
				<td>
				<!--  start content-table-inner -->
				<div id="content-table-inner">
				<h:form>
				<table border="0" width="100%" cellpadding="0" cellspacing="0">
					<tr valign="top">
					<td>			
						<!--  start step-holder -->
						<div id="step-holder">
							<div class="step-no">1</div>
							<div class="step-dark-left"><a href="">Cadastro Hemodiálise</a></div>
							<div class="step-dark-right">&nbsp;</div>
							<!-- div class="step-no-off">2</div>
							<div class="step-light-left">Salvar</div>
							<div class="step-light-round">&nbsp;</div>
							<div class="clear"></div-->
						</div>
						<!--  end step-holder -->
					
						<!-- start id-form -->
						<table border="0" cellpadding="0" cellspacing="0"  id="id-form">
						<tr>
							<th valign="top">Paciente:* </th>
							<td>
								<rich:select enableManualInput="true" value="#{hemodialiseBean.idPaciente}" binding="#{hemodialiseBean.idPacienteValidation}" id="paciente" required="true">
									<f:selectItems value="#{listas.listaPacienteSelect}"></f:selectItems>
								</rich:select>
							</td>
							<td>
								<h:message for="paciente" showDetail="true" errorClass="error-inner" showSummary="false" ></h:message>
							</td>
						</tr>
						<tr>
							<th valign="top">Data Sessão:*</th>
							<td class="noheight">
								<rich:calendar datePattern="dd/MM/yyyy" value="#{hemodialiseBean.dataSessao}" id="data_sessao" required="true" requiredMessage="Campo Obrigatório" validator="#{hemodialiseBean.validateData}" ></rich:calendar>
							</td>
							<td>
								<h:message for="data_sessao" showSummary="true" showDetail="true" errorClass="error-inner" lang="pt"></h:message>
							</td>
						</tr>
	
						<tr>
						
						
							<th valign="top">Hora Inicial:*</th>
							<td>
								<div class="spinner"><rich:inputNumberSpinner maxValue="23" id="horaInicio" value="#{hemodialiseBean.horaInicio}" styleClass="spinner-horario" required="true" ></rich:inputNumberSpinner></div> 
								<div class="spinner doispontos"><span>:</span></div> 
								<div class="spinner"><rich:inputNumberSpinner value="#{hemodialiseBean.minutosInicio}" maxValue="59"></rich:inputNumberSpinner></div>
							</td>
							<td>
								<h:message for="horaInicio" showDetail="true" errorClass="error-inner" styleClass="spinner-horario"></h:message>
							</td>
						</tr>		
						<tr>
							<th valign="top">Hora Final:*</th>
							<td>
								 <div class="spinner"><rich:inputNumberSpinner maxValue="23" value="#{hemodialiseBean.horaFim}" id="horaFinal" required="true"></rich:inputNumberSpinner></div>
								 <div class="spinner doispontos"><span>:</span></div> 
								 <div class="spinner"><rich:inputNumberSpinner value="#{hemodialiseBean.minutosFim}" maxValue="59"></rich:inputNumberSpinner></div>
							</td>
							<td>
								<h:message for="horaFinal" showDetail="true" errorClass="error-inner" showSummary="false" ></h:message>
							</td>
						</tr>		
						<tr>
							<th valign="top">Peso pré:*</th>
							<td>
								<h:inputText styleClass="inp-form" id="pesoPre" value="#{hemodialiseBean.pesoPre}" required="true" requiredMessage="Campo Obrigatório" binding="#{hemodialiseBean.pesoInicial}" >
									<f:convertNumber pattern="0.00"></f:convertNumber>
								</h:inputText>Kg.
							</td>
							<td>
								<h:message for="pesoPre" showDetail="true" errorClass="error-inner" showSummary="false" ></h:message>
							</td>
						</tr>		
						<tr>
							<th valign="top">Peso pós:*</th>
							<td>
								<h:inputText styleClass="inp-form" id="pesoPos" value="#{hemodialiseBean.pesoPos}" required="true" requiredMessage="Campo Obrigatório" validator="#{hemodialiseBean.validaLimitePeso}" >
									<f:convertNumber pattern="0.00"></f:convertNumber>
								</h:inputText>Kg.
							</td>
							<td>
								<h:message for="pesoPos" errorClass="error-inner" showDetail="true" showSummary="false"></h:message>
							</td>
						</tr>		
						<tr>
							<th valign="top">Responsável:*</th>
							<td>
								<h:inputText styleClass="inp-form" id="responsavel" value="#{hemodialiseBean.responsavel}" required="true" requiredMessage="Campo Obrigatório"></h:inputText>
							</td>
							<td>
								<h:message for="responsavel" showDetail="true" showSummary="false" errorClass="error-inner"></h:message>
							</td>
						</tr>						
						<tr>
							<th>&nbsp;</th>
							<td valign="top">
								<h:inputHidden value="#{hemodialiseBean.id}"></h:inputHidden>							
								<h:commandButton action="#{hemodialiseBean.Salvar}" styleClass="form-submit" type="submit" value="Enviar"></h:commandButton>
								<a href="hemodialise_list.xhtml" class="form-cancel" title="cancelar">cancelar</a>
							</td>
							<td></td>
						</tr>
				</table>
				<!-- end id-form  -->			
				</td>
				<td>			
			</td>
			</tr>			
			<tr>
			<td><img src="images/shared/blank.gif" width="695" height="1" alt="blank" /></td>
			<td></td>
			</tr>
		</table>
		</h:form>
		 
		<div class="clear"></div>
		 
		
		</div>
		<!--  end content-table-inner  -->
		</td>
		<td id="tbl-border-right"></td>
		</tr>
		<tr>
			<th class="sized bottomleft"></th>
			<td id="tbl-border-bottom">&nbsp;</td>
			<th class="sized bottomright"></th>
		</tr>
		</table>
		
		<div class="clear">&nbsp;</div>		
</ui:define>
</ui:composition>
</html>